آموزش React JS Made Easy - با استفاده از Next.JS [2024]

سرفصل ها و درس ها

مقدمه ای بر React JS Introduction to React JS

• مروری بر React JS و ویژگی های آن Overview of React JS and its features

• شروع به کار با REACT JS و NEXT.JS Getting Started wirh REACT JS and NEXT.JS

• نمای کلی دایرکتوری Directory Overview

• برنامه در حال اجرا Running Application

اجزای واکنش و چرخه حیات React Components And Life Cycle

• کامپوننت و JSX Component and JSX

• ایجاد کامپوننت ساده Creating Simple Component

• اجزای عملکردی و اجزای کلاس Functional Components & Class Components

• چرخه حیات جزء Component Life Cycle

• آزمون چرخه زندگی Life Cycle Quiz

• صادرات. صادرات پیش‌فرض در مقابل صادرات با نام Exports. Default export vs Named Export

استایل سازی در React Styling in React

• یک ظاهر طراحی داخلی Inline Styling

• گزینه های یک ظاهر طراحی شده Styling Options

لوازم جانبی و قابلیت استفاده مجدد Props and Reusability

• Props در React Props in React

• لوازم جانبی و قطعات قابل استفاده مجدد Props & Reusable Components

• کودکان در React Children in React

• رندر مشروط Conditional Rendering

پروژه Project

• ایجاد پورتال مدیریت استاتیک - قسمت اول Create Static Management Portal - Part One

• ایجاد پورتال مدیریت استاتیک - قسمت دوم Create Static Management Portal - Part Two

ویرایش جاوا اسکریپت - اشیاء و آرایه Javascript Revision - Objects & Array

• اشیاء Objects

• آرایه ها Arrays

مدیریت دولتی State Management

• مدیریت دولتی State Management

• حالت و رندر مجدد State and Re-rendering

• حالت در جزء کلاس State in Class Component

• وضعیت و رویدادها: مدیریت ورودی State & Events: Input Handling

• مسابقه در مورد دولت Quiz about state

زمان استراحت برای نوشیدن قهوه Coffee Break

• Coffee Break - چند کلمه از دل Coffee Break - Few words from the heart

پروژه: ایجاد فرم برای مدیریت کاربر Project: Create Form For User Management

• فرم مدیریت کاربر User Management Form

• اشتباهات رایج Common Mistakes

React Rendering & Optimization React Rendering & Optimization

• رندر و یادداشت: چرا و کی و چگونه Rendering and Memoization: The Why and When and how

جهت یابی Navigation

• پیوند دادن و پیمایش Linking and Navigating

کتابخانه های خارجی External Libraries

• بسته های خارجی چرا و چگونه External Packages. The Why and How

• نصب بسته های شخص ثالث Installing Third Party Packages

پروژه: ایجاد منوی جانبی و اجزای جدول Project: Creating Side Menu & Table Components

• ایجاد مؤلفه منوی جانبی Creating Side Menu Component

• ایجاد جزء جدول Creating Table Component

جاوا اسکریپت: حلقه رویداد Javascript: Event Loop

• توابع ناهمگام Async Functions

• وعده ها Promises

دریافت داده از سرور Getting Data From Server

• عملکرد واکشی Fetch Function

چگونه آن را زنده کنیم How To Make It Live

• پخش زنده - سخنرانی تئوری Going Live - Theoretical Lecture

مفاهیم پیشرفته React Advanced React Concepts

• React Virtual Dom، Webpack & Babel React Virtual Dom, Webpack & Babel

مدیریت جهانی دولت Global State Management

• Redux & Zustand Redux & Zustand

خداحافظ Goodbye

• چند کلمه از ته دل Few words from the heart